#swiper-block {
	height: 100%;
	width: 100%;
	min-height: auto;
	position: relative;
}
#title-block{
	height: 8%;
	position: relative;
}
#title-block img {
	padding: 2%;
	width: 38%;
}
.swiper-container {
	position: absolute;
	width: 84%;
	height: 88%;
	/*padding-bottom: 9%;*/
	padding: 2%;
	float: left;
	z-index: 1;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
}
.main-block {
	background-color: rgba(0, 0, 0, 0.5);
	height: 136px;
	/*height: 100%;*/
	width: 48%;
	position: relative;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	text-align: center;
}
.main-block img {
	width: 48px;
	height: 48px;
/*	top: 50%;*/
	margin-top: 28px;
	margin-bottom: 6px;
}
.toolbar-block {
	position: relative;
	width: 8%;
	height: 87%;
	float: right;
	z-index: 99;
	padding: 2%;
}
.toolbar-block img {
	position: relative;
	float: right;
	margin-bottom: 16px;
	width: 36px;
	height: 36px;
}
.block-onmousedown {
	background-color: rgba(255, 100, 0, 0.7);
}
.toolbar-block-mousedown {
	background-color: rgba(0, 0, 0, 0.1);
}
.javaapi,
.javasamples,
.interview,
.topics,
.docedit_large,
.home_default,
.arithmetic,
.java_advance,
.designpattern,
.database,
.javaweb,
.framework,
.javaee,
.javabasic {
	text-align: center;
	position: relative;
}
.ico-title {
	color: rgba(0, 0, 0, 0);
	font-family: "microsoft yahei" font-size: 1em;
}
.toolbar-view{
	height: 40%;
}
.navbar-blank{
	height: 54%;
}
.page-view {
	height: 6%;
	bottom: 1%;
	right: 3%;
	position: fixed;
}
.mui-off-canvas-right{
	background: url(../img/background/black_bg.png) 50% 50% no-repeat;background-size:cover;
	width: 80px;
	position: absolute;
}
#slide_toolbar{
	margin-top: 65px;
	text-align: center;
}
#slide_toolbar img{
	width: 32px;
	height: 32px;
	margin-left: 6px;
}
.sub_child{
	text-align: center;
	margin-bottom: 20px;
	color: rgba(0,0,0,0);
}
.mui-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    background-color: rgba(10,10,10,0.4);
}
